<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--#config errmsg="" --><!-- saved from url=(0022)http://help.adobe.com/ -->
<html lang="en-us">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta name="lang" content="en-us" />
        <meta name="area" content="livedocs" />
        <title>InDesign CS4 * Change the color, gradient, or stroke of text</title>
        <meta name="product" content="$product" />
        <meta name="productv" content="" />
        <meta name="keywords" content="" />
        <script type="text/javascript" language="Javascript" charset="UTF-8"><!--[CDATA[
        var currentTreeNode = "WSa285fff53dea4f8617383751001ea8cb3f-6dfba.html";
// ]]--></script>
<script src="terms.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="help.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script>  <script src="utilities.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="event.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="treeview.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="toc.js" language="Javascript" type="text/javascript" charset="UTF-8">..</script> 
<script type="text/javascript">
<!--[CDATA[
var headId = document.getElementsByTagName("head")[0];         
if (use_ie_6_behavior) {
    var linkId = document.createElement("link");
    linkId.href = "content-ie6.css";
    linkId.rel = "stylesheet";
    linkId.type = "text/css";
    headId.appendChild(linkId);
}
// ]]-->
</script>
<!--#include virtual="/livedocs/ssi/globalheader.ssi" -->
        <link rel="stylesheet" type="text/css" href="tree.css" />
        <link rel="stylesheet" type="text/css" href="content-fonts.css" />
        <link rel="stylesheet" type="text/css" href="content-hyperlinks.css" />
        <link rel="stylesheet" type="text/css" href="content.css" />
        <link rel="stylesheet" type="text/css" href="localeSpecific.css" />
    </head>
    <body id="content_body" onload="window.focus();">
        <a name="top"></a><div id="mnemonic">
            <div class="InDesign"><table><tr><td class="banner">InDesign CS4</td><td class="pod"><img src="images/PDF.gif" width="16" height="16" hspace="15" valign="50%" />&#160;&#160;
                     <a title="PDF" href="http://help.adobe.com/en_US/InDesign/6.0/indesign_cs4_help.pdf">
                         PDF (adobe.com) 
                    </a></td></tr></table></div>
        </div>
        <div id="searchbar">
<!-- BEGIN SEARCH CONTENT -->
            <form class="search_form" id="search" name="search" action="search.html" target="_self">
                <img src="images/search.png" />
<script type="text/javascript">
<!--[CDATA[
function clearSearch(){
    if (document.search.q.value == terms_AHV_SEARCH_BUTTON){document.search.q.value = ""}; 
}
document.write('<input class=\"search_input\" \
        name=\"q\" \
        id=\"q\" \
        type=\"text\" \
        maxlength=\"256\" \
        value=\"' + terms_AHV_SEARCH_BUTTON + '\" onclick=\"clearSearch()\"><\/input>'); 
// ]]-->


</script> 
            </form>
        </div>
<!-- BEGIN PAGE CONTENT WRAPPER -->
        <div id="page_content_wrapper">
<!-- BEGIN PAGE WRAPPER -->
<table id="page_content_table">
<tr>
<td id="col1">
<!-- BEGIN IONCOMMENTCOUNT -->
            <div id="ionComCount">
            </div>
<!-- END IONCOMMENTCOUNT -->
<!-- BEGIN GROUP TOC WRAPPER -->
            
<!-- END GROUP TOC WRAPPER -->
<!-- BEGIN NAV WRAPPER -->
            <div id="group_toc">
<script type="text/javascript">
<!--[CDATA[
if ( typeof(terms_BOOK_SHORT) != 'undefined' ) {
  document.write("<p>" + terms_BOOK_SHORT + "<\/p>");
}
// ]]-->


</script> 
            </div>
            <div id="nav_content">
            </div>
<!-- END NAV WRAPPER -->
</td>
<td id="col2">
<!-- BEGIN CONTENT WRAPPER -->
<!-- BEGIN BREADCRUMBS -->
            
            <div id="breadcrumb">
                
<ul class="navigation"><li class="prev"><a accesskey="p" class="prev" href="WSa285fff53dea4f8617383751001ea8cb3f-6dd6a.html" title="Apply ligatures to letter pairs"><img src="images/blank.gif" alt="Previous" width="17" height="17" /></a></li><li class="next"><a accesskey="n" class="next" href="WS664C66AC-F641-4a6f-A0E5-AFB3E7AC9B3Ea.html" title="Add transparency effects to text"><img src="images/blank.gif" alt="Next" width="17" height="17" /></a></li></ul><div class="hierarchy"><a href="WSa285fff53dea4f8617383751001ea8cb3f-6e69a.html">Typography</a> /
     <a href="WSa285fff53dea4f8617383751001ea8cb3f-6dfba.html"><b>Formatting characters</b></a> 
     </div>

            </div>
<!-- END BREADCRUMBS -->
            <div id="content_wrapper">
<!-- BEGIN PAGE TITLE -->
                <h1>
                    Change the color, gradient, or stroke of text
                </h1>
<!-- END PAGE TITLE -->
                <div><div class="section"><p>You
can apply colors, gradients, and strokes to characters and continue
to edit the text. Use the Swatches panel and Stroke panel to apply
colors, gradients, and strokes to text, or change Character Color
settings when creating or editing a style.</p>
<div class="fignone"><img alt="" id="op_34" src="images/op_34.png" /><div class="figdesc">Swatches </div><br /><dl><dt class="dlterm">A.</dt>
<dd>Swatch affects fill or stroke</dd><p class="dlseparator"></p><dt class="dlterm">B.</dt>
<dd>Swatch
affects container or text</dd><p class="dlseparator"></p><dt class="dlterm">C.</dt>
<dd>Tint percentage</dd><p class="dlseparator"></p></dl>
</div></div>
<ol><li><span>Do one of the following:</span><ul><li><p>To apply color changes to text inside a
frame, use the Type tool&#160;<img src="images/P_TypeHoriz_Lg_N.png" /> to
select text.</p>
</li>
<li><p>To apply color changes to all text in a frame, use
the Selection tool&#160;<img src="images/P_Select_Lg_N.png" /> to
select the frame. When applying color to the text rather than the
container, make sure that you select the Formatting Affects Text
icon&#160;<img src="images/P_Text_Sm_N.png" /> in
the Tools panel or in the Swatches panel. </p>
</li>
</ul>
</li>
<li><span>In the Tools panel or in the Swatches panel, select whether
you want to apply the color change to the fill or stroke. If you
select Stroke, the color change affects only the outline of characters.</span></li>
<li><span>Do any of the following:</span><ul><li><p>In the Swatches panel, click a color or
gradient swatch.</p>
</li>
<li><p>In the Stroke panel, specify a weight or other stroke
options. (See <a href="WSa285fff53dea4f8617383751001ea8cb3f-6bf9a.html">Stroke panel options</a>.)</p>
</li>
</ul>
</li>
</ol>
<div class="section"><p>You can also apply a gradient to text by dragging across
the selected text using either the Gradient Swatch tool&#160;<img src="images/gradient_swtchtool_N.png" /> or
the Gradient Feather tool&#160;<img src="images/gradient_fthrtool_N.png" />, which
you can select by clicking and holding down the Gradient Swatch
tool.</p>
<div class="tip"><img src="images/tip_help.png" />To create reverse type, you can change
the text fill color to white or [Paper] and the frame’s fill color
to a dark color. You can also create reverse type by using a paragraph
rule behind text; however, if the rule is black, you’ll need to
change the type to white. </div></div>
</div>

                <div id="related">
                    <div class="separator">&#160;</div>
                    <div><p>&#160;<a href="WSa285fff53dea4f8617383751001ea8cb3f-6ca7a.html">Apply color</a></p><p>&#160;<a href="WSa285fff53dea4f8617383751001ea8cb3f-6dc1a.html">Add rules (lines) above or below paragraphs</a></p><p>&#160;<a href="WSa285fff53dea4f8617383751001ea8cb3f-6c73a.html">Applying gradients to text</a></p>
</div>
                    
                </div>
                <div id="footer">
                    <p><img src="images/Community.png" />&#160;<a title="community help (adobe.com)" href="http://www.adobe.com/go/lr_InDesign_community_en">community help (adobe.com)</a></p>
<!-- BEGIN IONCOMMENTS -->
                    <div id="ionComHere">
                    </div>
<!-- END IONCOMMENTS -->
<!--#include virtual="ionComments.ssi" -->
                    <p id="creativecommons"><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" id="creativecommons_text"><img id="creativecommons_img" src="images/CC.png" alt="This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License" /></a></p>
                </div>
            </div>
<!-- END CONTENT WRAPPER -->
</td>
</tr>
</table>
        </div>
<!-- END PAGE CONTENT WRAPPER -->
<script type="text/javascript">
<!--[CDATA[
scrollToNameAnchor();
// ]]-->
</script> 
<!--#include virtual="/livedocs/ssi/globalfooter.ssi" -->
<!--#include virtual="/ubi/analytics/analytics_ssi.html" -->
    </body>
</html>